<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/hs_wx_base.css" />
		
	</head>

	<body>
		<div class="hs-ui">
			<nav class="hs-ui-nav hs-clearfix">
				<ul class="hs-fl">
					<li class="active">
						<label>关键词次动回复</label>
					</li>
					<li>
						<label>关注自动回复</label>
					</li>
					<li>
						<label>消息自动回复</label>
					</li>
				</ul>
			</nav>
<!--			
<div class="hs-kvs-add hs-form-horizontal">
	<div class="hs-form-row">
		<label class="hs-form-label"><em class="hs-form-required">*</em>关键词</label>
		<div class="hs-form-control">
			<input type="text" class="hs-input" />
		</div>
	</div>
	<div class="hs-form-row">
		<label class="hs-form-label"><em class="hs-form-required">*</em>规则</label>
		<div class="hs-form-control">
			<label class="hs-radio hs-inline"><input type="radio" name="hsKeywordsRule" value="1" checked />全匹配</label>
			<label class="hs-radio hs-inline"><input type="radio" name="hsKeywordsRule" value="0" />模糊</label>
		</div>
	</div>
	<div class="hs-form-actions">
		<button type="button" class="hs-btn">确定</button>
		<button type="button" class="hs-btn">取消</button>
	</div>
</div>
-->
			<div class="">
				<div class="">
					<button type="button" id="hs_js_keywords_rule_add">添加规则</button>
				</div>
			</div>
<ul id="Js_ruleList" class="keywords_rule_list">
    <li class="keywords_rule_item" id="Js_ruleItem_403335945">
        <div class="keywords_rule_hd no_extra" style="-webkit-transition: all, 1s;">
            <div class="info">
                <em class="keywords_rule_num">规则2:</em>
                <strong class="keywords_rule_name">xi</strong>
            </div>
        </div>
        <div class="keywords_rule_bd keywords_rule_overview">
        	<!--关键词-->
        	<div class="keywords_info keywords">
        		<strong class="keywords_info_title">关键词：</strong>
        		<div class="hs-keyword-container">
        			<div class="hs-keyword-none-tip">没有关键词！</div>
	        		<div class="keywords_item_list">
	        			<div class="keywords_item">
	        				<a href="javascript:;" class="hs-remove-kvs hs-closed"></a>
							<span class="hs-ik">急急急</span><span class="hs-iv">全匹配</span>
	        			</div>
	        			<div class="keywords_item">
							<span class="hs-ik">急急急</span><span class="hs-iv">全匹配</span>
	        			</div>
	        			<div class="keywords_item">
							<span class="hs-ik">急急急</span><span class="hs-iv">全匹配</span>
	        			</div>
	        		</div>
	        	</div>
        		<a class="keywords_add_btn" href="javascript:;">添加一个关键词</a>
        	</div>
        	<!--关键词回复-->
        	<div class="keywords_info reply">
        		<strong class="keywords_info_title">回复：</strong>
        		<div class="hs-keyword-container">
        			<div class="hs-keyword-none-tip">没有任何回复！</div>
        			<ol class="hs-kv-recol">
        				<li>
        					<div class="hs-reply-content"><span class="hs-kv-rectype">文</span>nsdfasdf</div>
        					<div class="hs-reply-opts">
        						<a class="js-edit-it" href="javascript:;">编辑</a> - <a class="js-delete-it" href="javascript:;">删除</a>
        					</div>
        				</li>
        				<li>
        					<div class="hs-reply-content"><span class="hs-kv-rectype">文</span>nsdfasdf</div>
        					<div class="hs-reply-opts">
        						<a class="js-edit-it" href="javascript:;">编辑</a> - <a class="js-delete-it" href="javascript:;">删除</a>
        					</div>
						</li>
        			</ol>
        		</div>
        		<a class="keywords_addrec_btn" href="javascript:;">添加一条回复</a>
        	</div>
        	<!--竖线-->
        	<div class="hs-clearfix hs-cutline"></div>
        </div>
    </li>
</ul>

<!--简单文本编辑-->
			<div class="hs-ui-beditor hs-js-tab hs-auto">
				<div class="hs-etap-nav">
					<ul>
						<li jstab-target="textArea" class="hs-etap-one hs-etap-text active">
							<a href="javascript:void(0);" onclick="return false;">&nbsp;<i class="hs-etap-icon"></i><span class="hs-etap-title">文字</span></a>
						</li>
						<li jstab-target="imageArea" class="hs-etap-one hs-etap-image">
							<a href="javascript:void(0);" onclick="return false;">&nbsp;<i class="hs-etap-icon"></i><span class="hs-etap-title">图片</span></a>
						</li>
						<li jstab-target="audioArea" class="hs-etap-one hs-etap-audio">
							<a href="javascript:void(0);" onclick="return false;">&nbsp;<i class="hs-etap-icon"></i><span class="hs-etap-title">语音</span></a>
						</li>
						<li jstab-target="videoArea" class="hs-etap-one hs-etap-video">
							<a href="javascript:void(0);" onclick="return false;">&nbsp;<i class="hs-etap-icon"></i><span class="hs-etap-title">视频</span></a>
						</li>
					</ul>
				</div>
				<div class="hs-etap-panel">
					<div jstab-des="textArea" class="hs-etap-content">
						<div class="hs-etap-textArea hs-inner">
							<!--*****-->
							<div class="emotion_editor">
								<!--<div class="edit_area js_editorArea" style="display: none;"></div>-->
								<div class="edit_area js_editorArea" contenteditable="true" style="overflow-y: auto; overflow-x: hidden;"></div>
								<div class="editor_toolbar">
									<a href="javascript:void(0);" class="icon_emotion emotion_switch js_switch">表情</a>
									<p class="editor_tip opr_tips">，按下Shift+Enter键换行</p>
									<p class="editor_tip js_editorTip">还可以输入<em>600</em>字</p>
									<div class="emotion_wrp js_emotionArea">
										<span class="hook">
											<span class="hook_dec hook_top"></span>
										<span class="hook_dec hook_btm"></span>
										</span>
										<ul class="emotions" onselectstart="return false;"></ul>
										<span class="emotions_preview js_emotionPreviewArea"></span>
									</div>
								</div>
							</div>
							<!--*****-->
						</div>
					</div>
					<div jstab-des="imageArea" class="hs-etap-content" style="display: none;">
						<div class="hs-etap-imageArea hs-inner">
							<div class="hs-con-cover">
								<div class="hs-media-cover">
									<span class="hs-create-access">
						                <a href="javascript:;">
				                            <i class="hs-icon36 hs-icon36-add"></i>
				                            <strong>从素材库中选择</strong>
				                        </a>
						            </span>
								</div>
								<div class="hs-media-cover">
									<span class="hs-create-access">
						                <a href="javascript:;">
			                                <i class="hs-icon36 hs-icon36-add"></i>
			                                <strong>上传图片</strong>
			                            </a>
						            </span>
								</div>
							</div>
						</div>
					</div>
					<div jstab-des="audioArea" class="hs-etap-content" style="display: none;">
						<div class="hs-etap-audioArea hs-inner">
							<div class="hs-con-cover">
								<div class="hs-media-cover">
									<span class="hs-create-access">
						                <a href="javascript:;">
				                            <i class="hs-icon36 hs-icon36-add"></i>
				                            <strong>从素材库中选择</strong>
				                        </a>
						            </span>
								</div>
								<div class="hs-media-cover">
									<span class="hs-create-access">
						                <a href="javascript:;">
			                                <i class="hs-icon36 hs-icon36-add"></i>
			                                <strong>新建语音</strong>
			                            </a>
						            </span>
								</div>
							</div>
						</div>
					</div>
					<div jstab-des="videoArea" class="hs-etap-content" style="display: none;">
						<div class="hs-etap-videoArea hs-inner">
							<div class="hs-con-cover">
								<div class="hs-media-cover">
									<span class="hs-create-access">
						                <a href="javascript:;">
				                            <i class="hs-icon36 hs-icon36-add"></i>
				                            <strong>从素材库中选择</strong>
				                        </a>
						            </span>
								</div>
								<div class="hs-media-cover">
									<span class="hs-create-access">
						                <a href="javascript:;">
			                                <i class="hs-icon36 hs-icon36-add"></i>
			                                <strong>新建视频</strong>
			                            </a>
						            </span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
	
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/hs_js_common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tooltip.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/popover.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/hs_auto_reply.js" type="text/javascript" charset="utf-8"></script>
		
		<script>
			var d = new HS_Dialog();
			var div = d.hs_create('标题', 'dkdkkd');
			d.hs_show(div); //显示
			//d.hs_remove(); //移除
		</script>
	</body>

</html>